﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <script src="static/Scripts/jquery-2.1.1.js"></script>
    <script src="static/Scripts/jquery.validate.js"></script>
    <script src="static/Scripts/jquery.validate.unobtrusive.js"></script>
    <script src="static/Scripts/jquery-ui-1.10.4.js"></script>
    <script src="static/Scripts/knockout-3.1.0.js"></script>
    
    <title></title>
</head>
<body>
    <h1>nwrole SuperModule Status</h1>
    <h2>Modules</h2>
    <table id="module-status-table">
        <thead>
            <tr>
                <th>Module name</th>
                <th>Service name</th>
                <th>Message</th>
                <th>Last pulse</th>
                <th>Status</th>
                <th></th>
                <th></th>
            </tr>
        </thead>
        <tbody data-bind="foreach: moduleStatuses">
            <tr>
                <td data-bind="text: moduleName"></td>
                <td data-bind="text: serviceName"></td>
                <td data-bind="text: lastPulseMessage"></td>
                <td data-bind="text: lastPulseLocal"></td>
                <td data-bind="text: status"></td>
                <td><button data-bind="click: $root.startModule">Start</button></td>
                <td><button data-bind="click: $root.stopModule">Stop</button></td>
            </tr>
        </tbody>
    </table>
    
    <script src="static/Scripts/App/StatusViewModel.js"></script>
</body>
</html>